<template>
  <!-- 产品类别新增 -->
  <view>
    <hx-navbar ref="hxnb" :config="config" @clickBtn="clickBtn"></hx-navbar>
    <u--form :model="model1" :rules="rules" ref="uForm" class="p-20">
      <u-form-item
        label="类别"
        labelWidth="50"
        prop="userInfo.kahao"
        borderBottom
      >
        <u--input v-model="model1.userInfo.name" border="none"></u--input>
      </u-form-item>
      <u-form-item
        label="上级类别"
        labelWidth="80"
        prop="userInfo.name"
        borderBottom
      >
        <!-- <u--input v-model="model1.userInfo.name" border="none"></u--input> -->
        <view @click="to('financeAccountBankList')">111</view>
      </u-form-item>
    </u--form>
    <u-button class="pos-fixedb " text="保存" type="primary" shape="circle"></u-button>
  </view>
</template>

<script>
import clIcon from "@/components/cl-icon/cl-icon.vue";
import cxTreeListItem from "@/components/cx-tree-list-item/cx-tree-list-item.vue";
export default {
  components: {
    clIcon,
    cxTreeListItem,
  },
  props: {},
  data() {
    return {
      model1: {
        userInfo: {
          name: "",
          kahao: "",
        },
      },
      config: {
        title: "产品类别",
        color: "#ffffff",
        //背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
        backgroundColor: [1, ["#409EFF", "#409EFF", "#60b4f6", "#60b4f6"]],
      },
    };
  },

  methods: {
    to(url) {
      if (!url) return;
      this.$Router.push({
        name: url,
      });
    },
  },
};
</script>

<style lang="scss" scoped></style>
